<template>
	<header>
		<!-- 轮播  -->
		<div class="carousel">
			<swiper auto loop dots-position='center' height='2rem'>
				<swiper-item><img src="../../assets/dlzj.jpg" /></swiper-item>
				<swiper-item><img src="../../assets/dlzj.jpg" /></swiper-item>
				<swiper-item><img src="../../assets/dlzj.jpg" /></swiper-item>
		    </swiper>
		</div> 
    </header>
</template>

<script>
	import { Swiper, SwiperItem } from 'vux'
	export default{
		components : {
			Swiper,SwiperItem
		},
		data() {
			return {
				menu : false,
     		}
		},
		methods : { 
			menus (){
				this.menu = !this.menu;
			},
		}
	}
	
</script>
<style type="text/css">
	
	header li{
		clear:both; 
	}
	.carousel{
		clear:both; height:2rem;
	}
	.carousel img{
		width:100%; height:2rem;
	}
	.vux-slider .vux-icon-dot{
		background:url('../../assets/bullets.png') center -22px no-repeat !important; width:0.15rem !important; height:0.18rem !important; 
	}
	.vux-slider .vux-icon-dot.active{
		background:url('../../assets/bullets.png') center 0px no-repeat !important; overflow:hidden;
	}
	
</style>